body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,i,button,input,p,span{margin:0; padding:0; list-style:none;}
body{font:0.6rem "微软雅黑",Helvetica,Arial,sans-serif; margin:0 auto;}
p{font-size:0.6rem;}
a{text-decoration:none;}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.c-red{color:#e7282c !important;}
.c-green{color:#009688 !important;}
.aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked, .aui-switch:checked{background-color:#e7282c; border:solid 1px #e7282c;}
.aui-list .aui-list-item-title, .aui-list-item-label{font-size:0.7rem;}
.aui-input, input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="number"], select, textarea{font-size:0.7rem;}
.aui-list .aui-list-item-input{font-size:0.7rem;}
.index-header{width:100%; position:fixed; background:#e7282c; text-align:center; color:#fff; z-index:10;}
.index-header .logo{width:2.8rem; margin-top:0.5rem; display:inline-block;}
.index-header-l{float:left; margin:1.1rem 0 0 1rem;}
.index-header-l img{width:1rem;}
.index-header-r{float:right; margin:1.1rem 1rem 0 0;}
.index-header-r .fa{font-size:1.1rem;}
.index-search{width:calc(100% - 2rem); height:1.8rem; margin:0.2rem 1rem 0.5rem; background:#fff; border-radius:1rem; overflow:hidden;}
.index-search span.aui-iconfont{width:2.2rem; line-height:1.9rem; font-size:1.2rem; text-align:center; float:left; color:#999; display:inline-block; padding-left:0.5rem;}
.index-search input{width:calc(100% - 2.2rem); height:1.8rem; border:none; float:right; font-size:0.7rem;}
.index-search input::-webkit-input-placeholder{color:#999;}
.aui-slide-page-active{background:#e7282c;}
.index-1{width:100%; background:#fff; display:flex; justify-content:center; align-items:center; height:2rem;}
.index-1 li{width:100%; color:#e7282c; padding-left:0.7rem;}
.index-1 li img{width:0.8rem; display:inline-block; float:left; margin-right:0.2rem;}
.index-menu{width:100%; margin:0.5rem 0; background:#fff; display:flex; justify-content:center; align-items:center; padding:0.5rem 0;}
.index-menu li{width:100%; text-align:center;}
.index-menu li img{width:2.2rem; display:inline-block;}
.index-menu li p{padding-top:0.2rem;}
.index-coupon{width:100%; margin:0.5rem 0; background:#fff; display:flex; justify-content:center; align-items:center; padding:0.5rem;}
.index-coupon li{width:100%; padding:0 0.1rem; position:relative;}
.index-coupon li img{width:100%;}
.index-coupon-t{width:100%; position:absolute; top:0; left:0; text-align:center; padding:0.25rem 1rem 0 0.5rem;}
.index-coupon-t dl{width:100%; overflow:hidden; text-align:center; border-bottom:dashed 0.05rem #000; line-height:1.2;}
.index-coupon-t dl dt{display:inline-block;}
.index-coupon-t dl dt span{font-size:1rem; margin-left:-0.2rem;}
.index-coupon-t dl dd{display:inline-block; color:#e7282c; font-size:0.4rem; text-align:left;}
.index-coupon-t dl dd p{color:#333; font-size:0.4rem;}
.index-coupon-t button{width:3rem; font-size:0.4rem; background:#e7282c; margin:0.1rem auto; color:#fff; border-radius:0.5rem; border:none; padding:0; height:0.56rem; line-height:1; display:inline-block;}
.index-2{margin-bottom:0.5rem;}
.index-2 ul{display:flex; justify-content:center; align-items:center;}
.index-2>ul:nth-child(1){margin-bottom:0.3rem;}
.index-2 ul li{width:100%; margin-left:0.3rem; background:#fff; text-align:center; padding:0.5rem;}
.index-2>ul>li:nth-child(1){margin:0;}
.index-2 ul li dl{text-align:left; padding-bottom:0.2rem;}
.index-2 ul li dl dt{font-size:0.9rem; color:#e7282c;}
.index-2 ul li dl dd{color:#888;}
.index-2 ul li img{width:90%; display:inline-block;}
.index-gg{margin-bottom:0.5rem; width:100%;}
.index-gg img{width:100%;}

.index-goods{padding:0 0.5rem;}
.index-goods li{float:left; width:calc(50% - 0.3rem); margin-bottom:0.6rem; background:#fff; padding:0.3rem 0.2rem; text-align:center;}
.index-goods li:nth-child(even){margin-left:0.6rem;}
.index-goods li img{width:80%; display:inline-block;}
.index-goods li dl{text-align:left;}
.index-goods li dl dt{font-size:0.6rem; font-weight:500; color:#888; border-bottom:0.05rem solid #ccc; padding:0.2rem 0; margin-bottom:0.2rem;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}
.index-goods li dl dd{font-size:0.7rem; color:#e7282c; overflow:hidden; font-weight:600;}
.index-goods li dl dd span{float:right;}

.header{width:100%; height:2.8rem; padding:0.5rem 0 0.5rem; display:flex; background:#e7282c; z-index:99999;}
.header-f{position:fixed; top:0; left:0;}
.header-title{text-align:center; font-size:0.8rem; color:#fff; line-height:1.8rem; width:100%;}
.header-l, .header-r{width:2.5rem; line-height:1.8rem; color:#fff; text-align:center;}
.header-l{font-size:1.5rem;}
.header-r{font-size:1rem;}
.header-r span{font-size:0.7rem;}
.search{width:100%; height:1.8rem; background:#fff; border-radius:1rem; overflow:hidden;}
.search span.aui-iconfont{width:2.2rem; line-height:1.9rem; font-size:1.2rem; text-align:center; float:left; color:#999; display:inline-block; padding-left:0.5rem;}
.search input{width:calc(100% - 2.2rem); height:1.8rem; border:none; float:right; font-size:0.7rem;}
.search input::-webkit-input-placeholder{color:#999;}

.classify{width:100%; background:#fff;}
.classify-l{width:6rem; height:100%; overflow-y:auto; float:left; text-align:center; background:#f8f8f8;}
.classify-l li{padding:0.7rem 0; border-bottom:0.05rem solid #eee; font-size:0.7rem; border-left:0.2rem solid #f8f8f8;}
.classify-l li.active{border-left:0.2rem solid #e7282c; background:#fff;}
.classify-r{width:calc(100% - 6rem); height:100%; overflow-y:auto; float:left;}
.classify-r ul{padding:0.5rem; overflow:hidden;}
.classify-r li{width:50%; padding:0.5rem; float:left; text-align:center;}
.classify-r li img{width:90%; display:inline-block;}
.classify-r li p{font-size:0.7rem;}

.goods-nav{width:100%; height:2rem; display:flex; background:#fff; margin-bottom:0.5rem; align-items:center;}
.goods-nav li{width:100%; text-align:center; font-size:0.7rem;}
.goods-nav li i{padding-left:0.2rem;}
.goods-nav li.active{color:#e7282c;}

.goods-details-t{width:100%; height:2rem; position:absolute; top:2.5rem; left:0; z-index:99;}
.goods-details-t p{width:2rem; height:2rem; line-height:2rem; border-radius:50%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; font-size:1rem; margin:0 0.5rem;}
.goods-details-title{background:#fff; font-size:0.8rem; padding:0.5rem;}
.goods-details-price{background:#fff; font-size:0.9rem; padding:0 0.5rem 0.5rem; color:#e7282c;}
.goods-details-price p{font-size:0.6rem; color:#888;}
.goods-details-volume{background:#fff; padding:0 0.5rem 0.5rem; color:#888;}
.goods-details-volume span{float:right;}
.goods-details-1{width:100%; display:flex; justify-content:center; align-items:center; height:2rem;}
.goods-details-1 li{width:100%; color:#e7282c; padding-left:0.7rem;}
.goods-details-1 li img{width:0.8rem; display:inline-block; float:left; margin-right:0.2rem;}
.goods-details-choice{background:#fff; padding:0.5rem; overflow:hidden;}
.goods-details-choice span{color:#888; padding-right:0.5rem;}
.goods-details-choice i{float:right; font-size:0.95rem; line-height:1;}
.goods-details-comment{background:#fff; padding:0.5rem; overflow:hidden; margin:0.5rem 0;}
.goods-details-comment p{color:#888; padding-right:0.5rem; float:left;}
.goods-details-comment span{color:#e7282c; padding-left:0.2rem;}
.goods-details-comment-r{float:right;}
.goods-details-comment-r i{float:right; font-size:0.95rem; line-height:1; margin-left:0.2rem;}
.goods-details-describe{background:#fff;}
.goods-details-describe-t{overflow:hidden; display:flex; justify-content:center; border-bottom:0.05rem solid #eee; padding:0.5rem 0; align-items:center;}
.goods-details-describe-t li{width:100%; height:0.8rem; text-align:center;}
.goods-details-describe-t li.active{color:#e7282c;}
.goods-details-describe-t li:nth-child(1){border-right:0.05rem solid #eee;}
.goods-details-describe-d{padding:0.5rem; display:none;}
.goods-details-describe-d img{max-width:100%;}
.goods-details-describe-no{padding:5rem 0 0.5rem; text-align:center; font-size:0.7rem; color:#999;}
.goods-details-buy-t{width:100%; height:3rem;}
.goods-details-buy{width:100%; height:2.5rem; position:fixed; bottom:0; left:0; border-top:0.05rem solid #ccc; background:#f5f5f5; display:flex; align-items:center; padding:0 0.5rem; z-index:9;}
.goods-details-buy-l{width:5rem; text-align:center;}
.goods-details-buy-l i{font-size:1rem;}
.goods-details-buy-l p{font-size:0.6rem;}
.goods-details-buy button{width:100%; margin-left:0.5rem; height:1.8rem; color:#fff; border:none; border-radius:0.3rem; text-align:center;}
.goods-details-buy-btn-1{background:#f4a213;}
.goods-details-buy-btn-2{background:#e7282c;}

.goods-details-spec-bg{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:10; display:none; }
.goods-details-spec{width:100%; position:absolute; bottom:0; left:0; background:#fff;}
.goods-details-spec-img{width:100%; height:2rem; position:relative;}
.goods-details-spec-img img{width:4rem; border:0.05rem solid #ccc; border-radius:0.3rem; position:absolute; left:1rem; bottom:0;}
.goods-details-spec-img p{padding-left:6rem; padding-top:0.5rem; font-size:0.7rem;}
.goods-details-spec-img .close{width:1rem; height:1rem; border:0.05rem solid #999; border-radius:50%; transform:rotate(45deg); position:absolute; right:0.5rem; top:0.5rem;}
.goods-details-spec-img .close:after{content:""; position:absolute; width:0.7rem; height:0.1rem; left:0.1rem; top:0.4rem; background:#999;}
.goods-details-spec-img .close:before{content:""; position:absolute; width:0.1rem; height:0.7rem; left:0.4rem; top:0.1rem; background:#999;}
.goods-details-spec-m{}
.goods-details-spec-m li{padding:1rem 0.5rem 0;}
.goods-details-spec-m li p{margin-bottom:0.2rem; font-size:0.7rem;}
.goods-details-spec-m li span{display:inline-block; margin-right:0.5rem; background:#ccc; color:#fff; padding:0 0.5rem; border-radius:0.2rem;}
.goods-details-spec-m li span.active{background:#e7282c;}
.goods-details-spec-d{padding:0.5rem; border-top:0.05rem #ccc solid; margin:2rem 0;}
.goods-details-spec-d .aui-pull-left{line-height:1.4rem;}
.goods-details-spec-d .jia, .goods-details-spec-d .jian{width:1.4rem; height:1.4rem;  border:0.05rem solid #ccc; float:left; background:#999; color:#fff; text-align:center; font-size:0.8rem; position:relative;}
.goods-details-spec-d .jian:after, .goods-details-spec-d .jia:after{content:""; position:absolute; width:0.8rem; height:0.1rem; left:0.26rem; top:0.6rem; background:#fff;}
.goods-details-spec-d .jia:before{content:""; position:absolute; width:0.1rem; height:0.8rem; left:0.6rem; top:0.25rem; background:#fff;}
.goods-details-spec-d input{width:2rem; height:1.4rem; border:0.05rem solid #ccc; float:left; margin:0 0.1rem; text-align:center; font-size:0.6rem;}
.goods-details-spec-buy{width:100%; height:2.5rem; display:flex; align-items:center; padding:0 0.5rem;}
.goods-details-spec-buy button{width:100%; margin-left:0.5rem; height:1.8rem; color:#fff; border:none; border-radius:0.3rem; text-align:center;}
.goods-details-buy-spec-btn-1{background:#f4a213;}
.goods-details-buy-spec-btn-2{background:#e7282c;}

.goods-order-map{padding:0.5rem 0; background:#fff; display:flex; align-items:center;}
.goods-order-map-l{width:2rem; font-size:0.8rem; text-align:center; color:#e7282c;}
.goods-order-map-r{width:2rem; font-size:1rem; text-align:center; color:#999;}
.goods-order-map-m{width:100%;}
.goods-order-map-m p{padding:0.2rem 0; overflow:hidden;}
.goods-order-map-m p span{padding-left:1rem;}
.goods-order-goods{padding:0.5rem; display:flex;}
.goods-order-goods img{width:5rem; height:5rem;}
.goods-order-goods dl{width:100%; height:5rem; padding-left:1rem; position:relative;}
.goods-order-goods dl dt{font-size:0.8rem; padding:0.3rem 0;}
.goods-order-goods dl dd{width:calc(100% - 1rem); position:absolute; right:0; bottom:0.3rem; font-size:0.7rem; color:#999;}
.goods-order-goods dl dd p{color:#e7282c; font-size:0.8rem; padding-top:0.2rem;}
.goods-order-goods dl dd p span{float:right; color:#888;}
.goods-order-num{width:8rem; margin-top:0.4rem;}
.goods-order-num .jia, .goods-order-num .jian{width:1.4rem; height:1.4rem;  border:0.05rem solid #ccc; float:left; background:#999; color:#fff; text-align:center; font-size:0.8rem; position:relative;}
.goods-order-num .jian:after, .goods-order-num .jia:after{content:""; position:absolute; width:0.8rem; height:0.1rem; left:0.26rem; top:0.6rem; background:#fff;}
.goods-order-num .jia:before{content:""; position:absolute; width:0.1rem; height:0.8rem; left:0.6rem; top:0.25rem; background:#fff;}
.goods-order-num input{width:2rem; height:1.4rem; border:0.05rem solid #ccc; float:left; margin:0 0.1rem; text-align:center; font-size:0.6rem;}
.goods-details-buy-t{width:100%; height:3rem;}
.goods-order-btn{width:100%; height:2.5rem; position:fixed; bottom:0; left:0; border-top:0.05rem solid #ccc; background:#fff; display:flex; align-items:center; z-index:9;}
.goods-order-btn label{display:inline-block; width:6rem; padding-left:0.5rem; font-size:0.7rem; line-height:1.8rem}
.goods-order-btn label input{margin-right:0.2rem; float:left; margin-top:0.3rem;}
.goods-order-btn p{width:100%; padding-left:1rem; font-size:0.8rem;}
.goods-order-btn p span{font-size:1rem; color:#e7282c;}
.goods-order-btn button{width:6rem; height:2.5rem; background:#e7282c; color:#fff; border:none; text-align:center; border-radius:0;}
.goods-order-btn i{font-size:1rem; display:inline-block; margin-left:0.5rem;}

.cart-list{background:#fff; overflow:hidden; margin-bottom:0.5rem;}
.cart-list-flex{display:flex; align-items:center;}
.cart-list label{width:1.2rem; margin-left:0.5rem;}
.cart-list-r{width:calc(100% - 2rem); padding:0.5rem; display:flex; float:right; align-items:center;}
.cart-list-r img{width:3rem; height:3rem;}
.cart-list-r dl{width:calc(100% - 2.5rem); padding-left:0.5rem; position:relative;}
.cart-list-r dl dt{width:100%; font-size:0.8rem; height:1.2rem; padding:0.1rem 0; overflow:hidden; text-overflow:ellipsis;}
.cart-list-r dl dd{width:100%; font-size:0.7rem; color:#999;}
.cart-list-t{width:100%; margin:0.2rem 0; font-size:0.6rem;}
.cart-list-d{width:100%; display:flex;}
.cart-list-d span{width:100%; line-height:1.4rem; font-size:1rem; color:#e7282c;}
.cart-list-d .goods-order-num{width:10rem; margin:0;}
.cart-list-btn{width:100%; clear:both; text-align:right; border-top:1px solid #ccc; padding:0.2rem 0.5rem;}
.cart-list-btn i{font-size:1rem; color:#999;}


.user-index-t{background:linear-gradient(to top right, #634760, #9895aa); position:relative; display:flex; padding:1.5rem 0 1rem; align-items:center;}
.user-index-t-l{text-align:center; color:#fff; width:100%; font-size:0.7rem;}
.user-index-t-l p{color:#ff0; font-size:0.8rem; padding:0.2rem 0;}
.user-index-t-cz{display:inline-block; padding:0 0.5rem; border:0.05rem solid #fff; border-radius:0.5rem;}
.user-index-t-m{width:100%; text-align:center; color:#fff;}
.user-index-t-m img{width:3rem; height:3rem; border:0.1rem solid #fff; display:inline-block; border-radius:50%;}
.user-index-t-m p{color:#fff; font-size:0.7rem;}
.user-index-t-setup{position:absolute; right:0.5rem; bottom:5.6rem; color:#fff; font-size:1rem;}
.user-order{background:#fff; display:flex; justify-content:center; align-items:center;}
.user-order li{width:100%; text-align:center; padding:1rem 0; color:#777;}
.user-order li i{font-size:1.2rem;}
.user-order li p{padding-top:0.3rem;}

.distribution-t{font-size:0.7rem; width:100%; padding:0.5rem; background:#fff; overflow:hidden; line-height:1.5rem;}
.distribution-t img{width:1.5rem; height:1.5rem; float:left; margin-right:0.5rem;}
.distribution-t span{float:right; color:#888;}
.distribution-m{padding:0.7rem; background:linear-gradient(to top right, #634760, #9895aa); margin-bottom:0.5rem;}
.distribution-m p{padding-bottom:0.2rem; color:#fff; font-size:0.7rem;}
.distribution-d{border-top:0.05rem solid #eee; overflow:hidden; background:#fff;}
.distribution-d li{width:33.33%; float:left; border-right:0.05rem solid #eee; border-bottom:0.05rem solid #eee; text-align:center; padding:1rem 0;}
.distribution-d li i{font-size:2rem;}
.distribution-d li p{padding:0.2rem 0 0.1rem; font-size:0.7rem; color:#000;}
.distribution-d li span{color:#888;}
.distribution-d li:nth-child(3),.distribution-d li:nth-child(6){border-right:0;}
.distribution-d li:nth-child(1) i{color:#ff4357;}
.distribution-d li:nth-child(2) i{color:#9ec9f4;}
.distribution-d li:nth-child(3) i{color:#ffbe2e;}
.distribution-d li:nth-child(4) i{color:#ff6e02;}
.distribution-d li:nth-child(5) i{color:#feb312;}
.distribution-d li:nth-child(6) i{color:#9ec9f4;}

.commission-header-l, .commission-header-r{width:6rem; line-height:1.8rem; color:#fff;}
.commission-header-l{font-size:1.5rem; margin-left:0.5rem;}
.commission-header-r{font-size:1rem; line-height:2rem; margin-right:0.5rem; text-align:right; font-size:0.7rem;}

.commission-t{padding:1.2rem; background:linear-gradient(to top right, #634760, #9895aa); color:#fff; font-size:1.5rem; text-align:center;}
.commission-t p{color:#fff;}
.commission-d{background:#fff; padding:0.7rem; font-size:0.6rem;}
.commission-btn{width:100%; height:2.25rem; line-height:2.25rem; background:#e7282c; text-align:center; font-size:0.7rem; position:fixed; bottom:0; left:0; color:#fff;}
.commission-btn.no{background:#ccc;}

.distribution-withdraw-t{padding:0.8rem; background:linear-gradient(to top right, #634760, #9895aa); color:#fff; font-size:0.7rem;}
.distribution-withdraw-nav{background:#fff; display:flex; border-bottom:0.05rem solid #ccc; align-items:center; overflow-x:auto; white-space:nowrap; overflow-y:hidden;}
.distribution-withdraw-nav li{width:100%; line-height:2rem; font-size:0.7rem; text-align:center; border-bottom:0.1rem solid #fff; padding:0 0.5rem;}
.distribution-withdraw-nav li.active{border-bottom:0.1rem solid #e7282c;}

.distribution-withdraw-item{background:#fff; padding:0 0.5rem; margin-top:0.5rem;}
.distribution-withdraw-item-t{padding:0.5rem 0; border-bottom:0.05rem solid #eee; display:flex; flex-direction:row; justify-content:space-between;}
.distribution-withdraw-item-t li{font-size:0.7rem;}
.distribution-withdraw-item-t li p{color:#888;}
.distribution-withdraw-item-t li:nth-child(2) p{color:#e7282c;}
.distribution-withdraw-item-d{display:flex; padding:0.7rem 0;}
.distribution-withdraw-item-d li{width:100%; border-left:0.05rem  solid #eee; text-align:center;}
.distribution-withdraw-item-d li p{}
.distribution-withdraw-item-d li:nth-child(1){border:none;}
.distribution-withdraw-item-btn{text-align:center; padding:0.5rem 0; background:#9895aa; color:#fff;}

.withdraw-details{margin-top:0.5rem; background:#fff;}
.withdraw-details-t{padding:0.5rem; display:flex; align-items:center;}
.withdraw-details-t img{width:1rem; height:1rem; border-radius:50%; margin-right:0.5rem;}
.withdraw-details-t span{padding-left:0.5rem; display:inline-block;}
.withdraw-details-m{background:#f2f2f2; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.withdraw-details-m-l{width:100%; overflow:hidden; padding:0.5rem;}
.withdraw-details-m-l img{width:2rem; height:2rem; float:left;}
.withdraw-details-m-l dl{width:calc(100% - 2.5rem); float:left; padding-left:0.5rem;}
.withdraw-details-m-l dl dt{color:#888;}
.withdraw-details-m-l dl dd{margin-top:0.2rem;}
.withdraw-details-m-r{border-left:0.05rem solid #ccc; padding:0 0.5rem; white-space:nowrap; text-align:right;}
.withdraw-details-m-r p{color:#e7282c;}
.withdraw-details-d{color:#888; padding:0.5rem;}
.withdraw-details-d-d{background:#fff; text-align:right; padding:0.5rem; font-size:0.5rem; border-top:0.05rem solid #ccc;}
.withdraw-details-d-d span{font-size:0.8rem;}

.team-t{padding:0.5rem;}
.team-t i{padding-right:0.5rem; color:#777; font-size:0.7rem;}
.team-item{display:flex; flex-direction:row; justify-content:space-between; align-items:center; background:#fff; margin-bottom:0.5rem;}
.team-item-l{width:100%; overflow:hidden; padding:0.5rem;}
.team-item-l img{width:2rem; height:2rem; float:left; border-radius:50%;}
.team-item-l dl{width:calc(100% - 2.5rem); float:left; padding-left:0.5rem;}
.team-item-l dl dt{font-size:0.7rem;}
.team-item-l dl dt i{display:inline-block; color:#777;}
.team-item-l dl dd{margin-top:0.2rem; color:#888;}
.team-item-r{border-left:0.05rem solid #ccc; padding:0 0.5rem; white-space:nowrap; text-align:right;}

.order-nav{width:100%; height:2.25rem; background:#fff; display:flex; justify-content:center; align-items:center; border-bottom:0.05rem solid #ccc;}
.order-nav li{width:100%; text-align:center; font-size:0.7rem; border-bottom:0.1rem solid #fff; line-height:2.1rem;}
.order-nav li.active{color:#e7282c; border-bottom:0.1rem solid #e7282c;}

.order-item{background:#fff; padding:0 0.5rem; margin-bottom:0.5rem;}
.order-item-t{color:#888; padding:0.5rem 0.2rem;}
.order-item-t span{color:#e7282c; float:right;}
.order-item-t span i{color:#888; font-size:1rem; float:right; line-height:1; margin:-0.05rem 0 0 0.2rem;}
.order-item-m{overflow:hidden; padding:0.5rem 0.2rem; border-top:0.05rem solid #eee; border-bottom:0.05rem solid #eee;}
.order-item-m img{width:5rem; height:5rem; float:left;}
.order-item-m dl{width:calc(100% - 5.5rem); height:5rem; float:right; position:relative;}
.order-item-m dl dt{font-size:0.8rem; padding:0.3rem 0;}
.order-item-m dl dd{width:100%; position:absolute; bottom:0.3rem; right:0.2rem; font-size:0.8rem; color:#e7282c;}
.order-item-m dl dd span{float:right; color:#888;}
.order-item-d{text-align:right; font-size:0.7rem; color:#888; padding:0.5rem 0.2rem; border-bottom:0.05rem solid #eee;}
.order-item-btn{display:inline-block; padding:0.1rem 0.5rem; border:0.05rem solid #ccc; border-radius:1rem; font-size:0.6rem;}
.order-item-btn.active{background:#e7282c; border:0.05rem solid #e7282c; color:#fff;}

.order-details-t{padding:1.2rem; background:linear-gradient(to right, #ffb43e 0%,#fd9526 100%); color:#fff; font-size:1rem; text-align:center;}
.order-details-t p{color:#fff; font-size:0.7rem;}
.order-details-d{width:100%; height:2.5rem; text-align:right; font-size:0.7rem; color:#888; padding:0.5rem 0.2rem; position:fixed; bottom:0; left:0; border-top:0.05rem solid #ccc; background:#fff; z-index:9;}
.order-details-d-btn{display:inline-block; padding:0.2rem 0.5rem; border:0.05rem solid #ccc; border-radius:1rem; font-size:0.7rem; margin-left:0.3rem;}
.order-details-d-btn.active{background:#e7282c; border:0.05rem solid #e7282c; color:#fff;}

.order-pay{background:#fff; margin:0.5rem 0; padding:0.5rem;}
.order-pay dt{height:1.6rem; font-size:0.8rem; display:flex; align-items:center;}
.order-pay dt i{font-size:1.2rem; color:#00cd0c; display:inline-block; margin-right:0.2rem;}
.order-pay dd{font-size:0.7rem; padding-top:0.2rem;}
.order-pay dd span{color:#e7282c;}
.order-pay-t{padding:0.5rem; font-size:0.8rem;}
.order-pay-item{background:#fff; margin-bottom:0.5rem;}
.order-pay-item li{height:2.5rem; display:flex; justify-content:space-between; align-items:center; padding:0 0.5rem; border-top:0.05rem solid #ccc;}
.order-pay-item li p{font-size:0.7rem;}
.order-pay-item li i{color:#e7282c; font-size:1rem;}
.order-pay-item li input{height:1.5rem; border:0.05rem solid #ddd; padding:0 0.5rem;}

.address-item{background:#fff; margin-bottom:0.5rem; padding:0.5rem;}
.address-item-t{border-bottom:0.05rem solid #ccc; padding-bottom:0.2rem;}
.address-item-t p{padding-bottom:0.3rem; color:#333; font-size:0.7rem;}
.address-item-d{height:1.2rem; line-height:1.2rem; margin-top:0.5rem; font-size:0.7rem;}
.address-item-d-l{float:left; display:inline-block;}
.address-item-d-l input{margin-right:0.2rem;}
.address-item-d-r{float:right; display:inline-block;}
.address-item-d-r div{float:left; margin-left:1rem;}
.address-item-d-r div i{margin-right:0.1rem;}

.coupon-t{width:calc(100% - 1rem); margin:1rem 0.5rem; border:0.05rem solid #ccc; text-align:center; padding:0.3rem 0; color:#999; border-radius:0.2rem; font-size:0.7rem;}
.coupon{width:calc(100% - 1rem); height:5rem; margin:0.5rem; position:relative; background:#fff; display:flex; align-items:center;}
.coupon:before, .coupon:after{content:' '; width:0; height:100%; position:absolute; top:0;}
.coupon:before{border-right:0.5rem dotted #f5f5f5; left:-0.25rem;}
.coupon:after{border-left:0.5rem dotted #f5f5f5; right:-0.25rem;}
.coupon-l{width:6.5rem; text-align:center; color:#e7282c;}
.coupon-l span{font-size:1.6rem;}
.coupon-m{width:0.5rem; height:100%; position:relative;}
.coupon-m:before, .coupon-m:after{content:' '; width:0.5rem; height:0.5rem; position:absolute; left:0; background:#f5f5f5; border-radius:50%;}
.coupon-m:after{top:-0.25rem;}
.coupon-m:before{bottom:-0.25rem;}
.coupon-r{width:100%; padding-left:0.3rem;}
.coupon-r dt{font-size:0.8rem; color:#333;}
.coupon-r dt p{font-size:0.6rem; color:#888;}
.coupon-r dd{font-size:0.5rem; color:#999;}
.coupon-r dd p{height:1.2rem; font-size:0.6rem; color:#e7282c;}
.coupon-btn{position:absolute; right:1rem; bottom:0.5rem; border:0.05rem solid #e7282c; border-radius:0.6rem; padding:0 .5rem; font-size:0.5rem; color:#e7282c;}

.coupon-details:before, .coupon-details:after{content:' '; width:0; height:100%; position:absolute; left:0;}
.coupon-details:before{border-right:0.5rem dotted #f5f5f5; top:-0.25rem;}
.coupon-details:after{border-left:0.5rem dotted #f5f5f5; bottom:-0.25rem;}

.coupon-details-t-bg{background:#e7282c; margin:0.5rem 0.5rem 0; padding:1rem; position:relative; border-radius:0.4rem 0.4rem 0 0;}
.coupon-details-t-bg:before, .coupon-details-t-bg:after{content:' '; width:0.5rem; height:0.5rem; position:absolute; bottom:-0.25rem; background:#f5f5f5; border-radius:50%;}
.coupon-details-t-bg:before{left:-0.25rem;}
.coupon-details-t-bg:after{right:-0.25rem;}

.coupon-details-b{border:0.05rem solid #ccc; padding:1rem 0; text-align:center; color:#fff;}
.coupon-details-b span{font-size:1.6rem;}
.coupon-details-b p{color:#fff;}
.coupon-details-b-t{width:11rem; font-size:0.8rem; background:#e7282c; color:#fff; display:inline-block; position:absolute; top:0.5rem; left:50%; margin-left:-5.5rem; text-align:center;}
.coupon-details-b-d{width:11rem; background:#e7282c; color:#fff; display:inline-block; position:absolute; position:absolute; left:50%; bottom:0.6rem; text-align:center; margin-left:-5.5rem;}
.coupon-details-d{margin:0 0.5rem; padding:0 1rem 0.7rem; background:#fff; border-radius:0 0 0.4rem 0.4rem;}
.coupon-details-d li{padding:0.5rem 0; border-bottom:dashed 0.05rem #ccc;}
.coupon-details-d li h3{font-size:0.6rem; color:#888; font-weight:500;}
.coupon-details-d li p{position:relative; padding-top:0.2rem; color:#333;}
.coupon-details-d li p i{position:absolute; width:0.3rem; height:0.3rem; background:#e7282c; border-radius:0.3rem; left:-0.5rem; top:0.5rem;}

.login{padding:0.75rem;}
.login ul{background:#fff; margin-bottom:1rem;}
.login li{display:flex; border-bottom:0.05rem solid #ccc;}
.login li label{line-height:2.2rem; padding-left:0.5rem;}
.login li input{padding:0 0.5rem;}
.login li .aui-btn{margin-top:0.25rem; margin-right:0.5rem;}
.login-d{display:flex; justify-content:space-between; margin-top:0.7rem;}
.login-d div{font-size:0.7rem; color:#666;}

.wallet-t{background:#fff; border-bottom:0.05rem solid #ccc; display:flex; align-items:center; height:2.2rem; margin-bottom:0.5rem;}
.wallet-t li{display:flex; width:100%; height:1rem; align-items:center; justify-content:center; font-size:0.7rem;}
.wallet-t li:nth-child(1){border-right:0.05rem solid #ccc;}
.wallet-t li i{color:#e7282c; display:inline-block; margin-right:0.2rem;}
.wallet-list{background:#fff;}
.wallet-list li{display:flex; justify-content:space-between; padding:0.5rem; border-bottom:0.05rem solid #ccc;}
.wallet-list li span{color:#888;}
.wallet-list li span p{font-size:0.7rem; color:#333; margin-bottom:0.1rem;}
.wallet-list li span:nth-child(2){text-align:right;}

.recharge{overflow:hidden; padding:1rem 0.5rem 0.5rem 0;}
.recharge li{width:calc(33.33% - 0.5rem); height:2rem; margin:0 0 0.5rem 0.5rem; border:0.1rem solid #f1f1f1; display:flex; align-items:center; justify-content:center; background:#fff; float:left; font-size:0.7rem;}
.recharge li.active{border:0.1rem solid #e7282c;}
.recharge li input{height:1.9rem; width:100%; text-align:center;}
.recharge-d{background:#fff; margin-bottom:1rem;}
.recharge-d li{height:2rem; display:flex; align-items:center; padding:0 0.5rem; font-size:0.7rem; border-top:0.05rem solid #ccc;}
.recharge-d li i{display:inline-block; color:#e7282c; font-size:1rem;}
.recharge-d li span{display:inline-block; margin:0 0.5rem; color:#00cd0c;}
.recharge-d li:nth-child(1){border-top:none;}

.integral{padding:1.2rem; background:linear-gradient(to top right, #634760, #9895aa); color:#fff; font-size:1.2rem; display:flex;}
.integral li{width:100%; text-align:center; color:#fff;}
.integral li p{font-size:0.7rem; color:#fff;}

.pay-end{margin:2rem 1rem; background:#f1f6fe; border:0.05rem solid #ccc;}
.pay-end dl{padding-top:0.5rem;}
.pay-end dl dt{display:flex; justify-content:center; align-items:center; font-size:1rem; padding:0.5rem;}
.pay-end dl dt i{font-size:1.6rem; color:#7ac256; margin-right:0.3rem;}
.pay-end dl dd{padding:0.5rem 1rem; font-size:0.7rem;}
.pay-end-d{display:flex; justify-content:space-around;}
.pay-end-1{width:6rem; line-height:2rem; margin:20px 0; font-size:0.7rem;  text-align:center; background:#fff;}
.pay-end-2{width:6rem; line-height:2rem; margin:20px 0; font-size:0.7rem; color:#fff; text-align:center; background:#e7282c;}


.my-bag-d-t{padding:15px; font-size:15px; overflow:hidden; background:#fff;}
.my-bag-d-t-l{width:5px; height:14px; font-size:15px; background:#93a5ff; float:left; border-radius:2px; margin:4px 8px 0 0;}
.my-bag-d-t span{display:block; float:left;}
.my-bag-d-t span i{font-size:0.6rem; color:#888; font-style:normal;}
.my-data-btn-t{height:3rem;}
.my-data-btn{width:100%; height:42px; line-height:42px; border:none; background:#e7282c; border-radius:3px; margin:23px auto 0; font-size:15px; color:#fff; text-align:center; position:fixed; bottom:0; left:0;}
.order-refund-t{padding:15px; font-size:14px; color:#666;}
.order-refund-1{padding:15px; margin-bottom:10px; background:#fff; overflow:hidden;}
.order-refund-btn-1{width:70px; line-height:30px; margin:0 15px 0 0; border:1px solid #e7282c; font-size:14px; color:#fff; background:#e7282c; border-radius:5px; text-align:center; float:left;}
.order-refund-btn-2{width:70px; line-height:30px; margin:0 15px 0 0; border:1px solid #333; font-size:14px; color:#333; border-radius:5px; text-align:center; float:left;}
.order-refund-list{padding:0 15px; background:#fff; margin-bottom:10px; overflow:hidden;}
.order-refund-list div{padding:15px 0; border-top:1px solid #e6e6e6; font-size:14px; color:#050505; position:relative;}
.order-refund-list div:nth-child(1){border:none;}
.order-refund-list div.active::before {content:''; position:absolute; width:8px; height:15px; color:#54db54; border-bottom:2px solid; border-right:2px solid; top:50%; right:0; transform-origin:center; transform:translate(-50%, -30%) rotate(45deg); -webkit-transform: translate(-50%, -30%) rotate(45deg);}
.order-refund-content{width:100%; height:100px; padding:15px; background:#fff; font-size:14px;}
.order-refund-list input{border:1px solid #ccc; height:2rem; margin-bottom:0.5rem;}

.my-task-volcano-d-t{overflow:hidden; padding:15px; display:flex; flex-wrap:nowrap; justify-content:space-between; font-size:14px;}
.my-task-volcano-d-t div:nth-child(1){width:60px;}
.my-task-volcano-d-t div:nth-child(2){width:calc(100% - 140px); padding-left:10px;}
.my-task-volcano-d-t div:nth-child(3){width:80px; text-align:right;}

.my-task-volcano-d{height:60px; padding:0 15px; background:#fff;}
.my-task-volcano-d.active{background:#fbf1ff;}
.my-task-volcano-d-s{height:60px; line-height:60px; overflow:hidden; font-size:16px; border-top:1px solid #e6e6e6;}
.my-task-volcano-list .my-task-volcano-d:nth-child(1) .my-task-volcano-d-s{border:none;}
.my-task-volcano-d-s img{float:left; width:1.15rem; margin:0.8rem 2rem 0 0;}
.my-task-volcano-d-s span{width:23px; margin:0.1rem 2rem 0 0; float:left; display:block; font-size:16px; color:#888;}
.my-task-volcano-d-s div{float:right; font-size:15px; width:6rem; text-align:right;}
.my-task-volcano-d.active .my-task-volcano-d-s div{color:#9813f4;}

.evaluate-title{background:#fff; display:flex; align-items:center; margin-bottom:0.5rem; padding:0.5rem;}
.evaluate-title img{width:3rem; height:3rem; padding:0.2rem; border:0.05rem solid #ccc;}
.evaluate-title dl{width:calc(100% - 3rem); padding-left:0.5rem;}
.evaluate-title dl dt{font-size:0.7rem; padding-bottom:0.1rem;}
.evaluate-title dl dd{color:#666;}
.evaluate-title dl dd p{padding-top:0.1rem;}
.evaluate{background:#fff; padding-bottom:0.5rem;}
.evaluate-t{font-size:0.7rem; padding:0.5rem; border-bottom:0.05rem solid #ccc;}
.evaluate-m{display:flex; align-items:center; padding:0.8rem 0.3rem;}
.evaluate-m li{padding:0.2rem 0.5rem; margin:0 0.2rem; border:0.05rem solid #ccc; color:#666;}
.evaluate-m li.active{color:#e7282c; border:0.05rem solid #e7282c;}
.evaluate-d{}
.evaluate-d ul{overflow:hidden;}
.evaluate-d ul li{width:33.33%; padding:0.5rem; float:left;}
.evaluate-d ul li img{width:100%; height:5.5rem;}
.evaluate textarea{width:calc(100% - 1rem); margin:0 0.5rem; clear:both; border:0.05rem solid #ccc; padding:0.5rem;}
.evaluate-d-d{width:3rem; height:3rem; border:0.1rem solid #ccc; position:relative; margin-left:0.5rem;}
.evaluate-d-d:after { content: ''; display: inline-block; position:absolute; top:50%; left:0.65rem; margin-top:-0.1rem; width:1.5rem; height:0.2rem; background:#ccc;}
.evaluate-d-d::before{ content: ''; display: inline-block; position:absolute; top:0.7rem; left:50%; margin-left:-0.1rem; width:0.2rem; height:1.5rem; background:#ccc;}
.evaluate-btn{display:inline-block; padding:0.3rem 0.8rem; margin:0.5rem; color:#fff; background:#e7282c;}


.foot-t{width:100%; height:3rem; clear:both;}
.foot{width:100%; height:2.5rem;  background:#f2f2f2; border-top:0.05rem solid #ccc; position:fixed; z-index:10; bottom:0; left:0;}
.foot ul{height:2.2rem; margin-top:0.3rem;}
.foot ul li{width:20%; text-align:center; float:left;}
.foot ul li img{display:inline-block; width:1.1rem;}
.foot ul li.foot-m{height:2.5rem; float:left; position:relative;}
.foot ul li.foot-m img{width:2.2rem; left:50%; top:-0.2rem; margin-left:-1.1rem; position:absolute;}
.foot ul li p{margin-top:-0.15rem; color:#000;}
